$(function () {
    getNew();
    $('#new').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getNew();
    })
    $('#hot').click(function () {
        $(this).addClass('current').children().addClass('cur');
        $(this).siblings('li').removeClass('current').children().removeClass('cur');
        getHot();
    })
    function getNew() {
        myajax({
            method: 'GET',
            url: 'http://localhost:3000/guid/new',
            success: function (res) {
                var htmlStr = template('tpl_guid', { datas: res });
                var ul = document.querySelector('.content').querySelector('.cont').querySelector('ul');
                ul.innerHTML = htmlStr;
            }
        })
    }
    function getHot() {
        myajax({
            method: 'GET',
            url: 'http://localhost:3000/guid/hot',
            success: function (res) {
                var htmlStr = template('tpl_guid', { datas: res });
                var ul = document.querySelector('.content').querySelector('.cont').querySelector('ul');
                ul.innerHTML = htmlStr;
            }
        })
    }


})